!!!###!!!title=117- 如何实现当鼠标悬浮于图例上时 圆形的图例扩大一圈高亮显示 并且去掉长方形的灰色的背景?——VisActor/VChart FAQ 文档!!!###!!!

如何实现当鼠标悬浮于图例上时 圆形的图例扩大一圈高亮显示 并且去掉长方形的灰色的背景?

问题描述

怎么配置图例在鼠标悬浮时的样式,期望可以用图形变大替换灰色背景。

解决方案

VChart 的图例提供了图形在被鼠标悬浮时的样式配置,背景也可以关闭的配置

  • item.background.visible 可以用来关闭或者开启图例项的背景
  • item.shape.state.selectedHover 可以用来设置选中图形被鼠标悬浮时的样式
  • item.shape.state.unSelectedHover 可以用来设置选中图形被鼠标悬浮时的样式

VChart 的图形样式配置属性是保持了统一的,在 selectedHover 和 unSelectedHover 里同时配置 size 就可以保证所有的图例项在被鼠标悬浮时点变大。

代码示例

相关文档